<template>
  <div class="footer">
    <div class="wp1080">
      <!--<p class="font20 bold frindlink">友情链接</p>-->
      <!--<div class="font16 mb40">-->
        <!--<a v-for="(item, index) in dataList" :key="index" :href="item.href" class="link">-->
          <!--{{item.text}}-->
        <!--</a>-->
      <!--</div>-->
      <div class="cf">
        <img src="../../static/img/header.png" alt="" class="fl">
        <div class="fl copyright">
          <p>
            <span>商务合作</span>
            <span>关于我们</span>
          </p>
          <p>Copyright © 2018 youxichong.com. All rights Reserved.&nbsp;&nbsp;</p>
          <p>适龄提示：本公司产品适合10周岁以上玩家使用   未成年人家长监护</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'easyFooters',
    data () {
      return {

      }
    }
  }
</script>
<style scoped>
  .footer{
    width: 100%;
    height: 150px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 1);
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #737373;
  }
  .frindlink{
    margin-bottom: 18px;
  }
  .footer span{
    margin-right: 15px;
    line-height: 20px;
  }
  /*.font20{*/
    /*font-size: 20px;*/
  /*}*/
  /*.font16{*/
    /*font-size: 16px;*/
  /*}*/
  /*.font14{*/
    /*font-size: 14px;*/
  /*}*/
  /*.bold{*/
    /*font-weight: bold;*/
  /*}*/
  /*.mb40{*/
    /*margin-bottom: 40px;*/
  /*}*/
  .footer img{
    width: 212px;
    height: 60px;
    margin-right: 72px;
  }
  .copyright p{
    margin-bottom: 10px;
  }
  .footer .link{
    margin-right: 15px;
    line-height: 20px;
    color:#737373;
  }
  .footer .link:hover{
    text-decoration: none;
  }
</style>
